.homeBox {
  display: flex;
  height: 100%;
  flex-direction: column;
  gap: 15px;

  .topBox {
    display: flex;
    gap: 15px;

    & > div {
      flex: 1;
      height: 160px;
      border-radius: 5px;
      background-color: #fafafa;
    }
  }

  .bottomBox {
    display: flex;
    gap: 15px;

    .bottomLeft {
      flex: 2;
      display: flex;
      flex-direction: column;
      gap: 15px;

      .carouselBox {
        height: 300px;
        background-color: #fafafa;
        border-radius: 5px;
        color: @const_color_bu1100;
      }

      .toDoListBox {
        height: 400px;
        background-color: #fafafa;
        border-radius: 5px;
        color: @const_color_re1100;
      }
    }

    .bottomRight {
      flex: 1;
      display: flex;
      flex-direction: column;
      gap: 15px;

      .analysisBox {
        height: 200px;
        background-color: #fafafa;
        border-radius: 5px;
        color: @const_color_ye1100;
      }

      .notifyBox {
        height: 240px;
        background-color: #fafafa;
        border-radius: 5px;
      }

      .informationBox {
        height: 245px;
        background-color: #fafafa;
        border-radius: 5px;
      }
    }
  }
}
